<template>
  <div>
    <sui-container style="padding: 50px">
      <h2 is='sui-header'>
        Accordion
        <a href="http://localhost:8080/" is="sui-button" style="float: right ">主页</a>
      </h2>
      <sui-divider/>
        <sui-accordion exclusive styled fluid>
          <sui-accordion-title active>
            <sui-icon name="dropdown"/>
            测试1
          </sui-accordion-title>
          <sui-accordion-content active>
            <p>A dog is a type of domesticated animal. Known for its loyalty and faithfulness,
              it can be found as a welcome guest in many households across the world.</p>
          </sui-accordion-content>
          <sui-accordion-title>
            <sui-icon name="dropdown"/>
            测试2
          </sui-accordion-title>
          <sui-accordion-content>
            <p>A dog is a type of domesticated animal. Known for its loyalty and faithfulness,
              it can be found as a welcome guest in many households across the world.</p>
          </sui-accordion-content>
          <sui-accordion-title>
            <sui-icon name="dropdown"/>
            测试3
          </sui-accordion-title>
          <sui-accordion-content>
            <p>A dog is a type of domesticated animal. Known for its loyalty and faithfulness,
              it can be found as a welcome guest in many households across the world.</p>
          </sui-accordion-content>
        </sui-accordion>
    </sui-container>
  </div>
</template>

<script>
export default {
  name: 'Accordion',
  data () {
    return {}
  },
  methods: {}
}
</script>

<style scoped>

</style>
